<link rel="stylesheet/less" type="text/css" href="./bricks/component/panel/panel.less"/>
<link rel="stylesheet/less" type="text/css" href="./bricks/component/form/form.less"/>


<div class="ub-container">
    <div class="block-breaker"></div>
    <div class="ub-panel">
        <div class="head">
            <div class="more">
                <a href="#">更多</a>
            </div>
            <div class="title">
                基础控件
            </div>
        </div>
        <div class="body">

            <form class="ub-form" method="post" action="?">
                <div class="line">
                    <div class="label">
                        文本
                    </div>
                    <div class="field">
                        <input type="text" class="form" name="" placeholder="" />
                    </div>
                </div>
                <div class="line">
                    <div class="label">
                        下拉
                    </div>
                    <div class="field">
                        <select class="form">
                            <option value="A">AAA</option>
                            <option value="A">BBB</option>
                        </select>
                    </div>
                </div>
                <div class="line">
                    <div class="label">单选</div>
                    <div class="field">
                        <label>
                            <input type="radio" name="" />
                            选项1
                        </label>
                        <label>
                            <input type="radio" name="" />
                            选项2
                        </label>
                    </div>
                </div>
                <div class="line">
                    <div class="label">
                        其他
                    </div>
                    <div class="field">
                        <input type="text" class="form-lg" name="" placeholder="" />

                        <input type="text" class="form-sm" name="" placeholder="" />

                        <select class="form-lg">
                            <option value="A">AAA</option>
                            <option value="A">BBB</option>
                        </select>
                        <select class="form">
                            <option value="A">AAA</option>
                            <option value="A">BBB</option>
                        </select>
                        <select class="form-sm">
                            <option value="A">AAA</option>
                            <option value="A">BBB</option>
                        </select>
                    </div>
                </div>
                <div class="line">
                    <div class="field">
                        <button class="btn btn-primary" type="button">提交</button>
                    </div>
                </div>
            </form>



        </div>
    </div>
</div>




